@charset "UTF-8";
@import "../common/_functions.scss";
@import "../common/_variables.scss";

.integral_promotion {
    margin-top: px2rem(20);
    background-color: $_fff;
    margin-bottom: px2rem(10);
    .main-box, .sub-box {
        width: px2rem(372);
        height: px2rem(270);
        float: left;
        font-size: px2rem(30);
        color: $_333;
    }
    .main-box {
        width: px2rem(378);
        // border-right: 2px solid $_eee;
    }
    span {
        display: block;
    }
    span.main {
        margin-top: px2rem(32);
        margin-left: px2rem(30);
    }
    span.sub {
        margin-top: px2rem(16);
        margin-left: px2rem(16);
    }
    .red {
        color: $_e60012;
    }
    .blue {
        color: $_478bd2;
    }
    .purple {
        color: $_ff00a6;
    }
    .main-box {
        img {
            width: px2rem(378);
            height: px2rem(270);

        }
    }
    .sub-box {
        .quarter-box {
            height: px2rem(135);
            border-top: 1px solid $_eee;
            &:first-child {
                border-top: none;
                border-bottom: 1px solid $_eee;
            }
            span {
                float: left;
            }
        }
        img {
            width: px2rem(372);
            height: px2rem(135);
            float: right;
        }
    }
}